@charset "utf-8";
$color-01:#171717;
$color-02:#515151;
$color-03:#909090;
$color-04:#c1c1c1;//(输入框边框颜色)
$color-05:#eeeeee;//(背景色)
$color-06:#499af5;
$color-07:#ffb30e;
$color-08:#e43f3f;

$color-ffffff:#ffffff;
$color-878787:#878787;
$color-acacac:#acacac;
$color-d6d6d6:#d6d6d6;
$color-8f8f8e:#8f8f8e;

.extend-aline{
    &:hover{
        text-decoration: underline;
    }
}

.exten-box-shadow{
    background: $color-ffffff;
    box-shadow: 0 0 5px rgba(81, 81, 81, 0.2);

}

.zcbl-slide{
    width: 100%;
    margin-top: -95px;
    //首页幻灯片
    #myCarousel{
        position: relative;
        width: 100%;
        .zcbl-seach-option{
            font-size: 16px;
            position: absolute;
            left: 50%;
            top:180px;
            z-index: 1000;
            width: 230px;
            margin-left: -355px;
            .seach-radio-inline{
                padding: 0;
                color: $color-ffffff;
                .iradio-fff-16{
                    top: -1px;
                }
            }
        }
        .zcbl-seach-l{
            position: absolute;
            left: 50%;
            top:230px;
            z-index: 100;
            width: 680px;
            float: left;
            text-indent:0;
            margin-left: -355px;
            height: 50px;
            .zcbl-seach-btn{
                .zcbl-seach-input{
                    height: 48px;
                    width: 380px;
                    border: none;
                    background: rgba(255,255,255,0.7);
                    padding: 0 10px;
                    float: left;
                }
                .zcbl-seachBtn{
                    width: 95px;
                    height: 48px;
                    float: left;
                    background: rgba(255,255,255,0.7);
                    position: relative;
                    text-align: right;
                    padding-right: 18px;
                    font-size: 14px;
                    color: #333333;
                    &:after{
                        content: "";
                        position: absolute;
                        left: 0;
                        top: 14px;
                        height: 20px;
                        border-left: 1px solid #cccccc;
                    }
                    &:before{
                        content: "";
                        position: absolute;
                        left: 18px;
                        top:16px;
                        background: url("../../../images/pc/icon/icon-index-seach-2.png") no-repeat;
                        width: 20px;
                        height: 20px;
                    }
                }
                .zcbl-seach-or{
                    float: left;
                    width: 60px;
                    height: 50px;
                    line-height: 50px;
                    text-align: center;
                    font-size: 20px;
                    color: $color-ffffff;
                }
                .zcbl-seach-publish{
                    float: left;
                    width: 95px;
                    height: 48px;
                    position: relative;
                    padding-right: 18px;
                    text-align: right;
                    color: #333333;
                    font-size: 14px;
                    background: rgba(255, 255, 255, .7);
                    &:before{
                        content: "";
                        position: absolute;
                        top:16px;
                        left: 18px;
                        background: url("../../../images/pc/icon/icon-index-publish-2.png") no-repeat;
                        width: 20px;
                        height: 19px;
                    }
                }
            }
        }
        .zcbl-seach-r{
            position: absolute;
            left: 50%;
            top:95px;
            width: 100px;
            float: left;
            margin-left: 360px;
            .zcbl-indicators{
                width: 100px;
                margin: 0;
                padding-top: 25px;
                text-align: right;
                left: 0;
                top:0;
                position: relative;
                li{
                    width: 100px;
                    height: auto;
                    min-height: 62px;
                    display: block;
                    text-align: center;
                    text-indent:0;
                    background: #ffffff;
                    border-radius: 0;
                    margin-bottom: 15px;
                    border: none;
                    &.active{
                        border: 5px solid $color-07;
                    }
                }
            }
        }
    }

    .zcbl-slide-con{
        width: 100%;
        height: 350px;
        min-width: 1000px;
        img{
            max-width: 100%;
            min-height: 100%;
        }
        .zcbl-carousel-slide{
            height: 100%;
        }
        .zcbl-inner{
            height: 100%;
            .item{
                height: 100%;
                background: center center no-repeat;
                a{
                    display: block;
                    width: 100%;
                    height: 100%;
                }
            }
        }
    }
}

.zcbl-index-con{
    width: 1000px;
    margin: 0 auto;
    //首页公告
    .zcbl-notice{
        white-space:nowrap;
        overflow:hidden;
        width:1000px;
        height: 55px;
        line-height: 55px;
        font-size: 14px;
        a{
            color: $color-02;
            padding-right: 20px;

        }
    }

    .zcbl-banner{
        width: 1000px;
        height: 100px;
    }

    .zcbl-tit{
        text-align: center;
        margin-top: 25px;
        margin-bottom: 25px;
        h2{
            font-weight: normal;
            .zcbl-tit-name{
                font-size: 22px;
            }
            .zcbl-tit-more{
                font-size: 14px;
                padding-left: 20px;
                a{
                    color: $color-07;
                    &:hover{
                        @extend .extend-aline;
                    }
                }
            }
        }
    }

    .zcbl-require{
        margin-bottom: 12px;
        margin-left: -40px;
        ul{
            li{
                width: 220px;
                height: 220px;
                float: left;
                margin-left: 40px;
                margin-bottom: 20px;
                overflow: hidden;
                img{
                    height: 220px;
                    height: 240px;
                }
                &:hover{
                    background: $color-ffffff;
                    box-shadow: 0 0 25px rgba(0, 0, 0, 0.9);
                    .zcbl-require-info{
                        bottom: 0;
                    }
                }
                .zcbl-require-img{
                    width: 100%;
                    height: 100%;
                    position: relative;
                }
                .zcbl-require-time{
                    padding-top: 10px;
                    padding-left: 10px;
                    height: 20px;
                    line-height: 20px;
                    font-size: 14px;
                    color: $color-ffffff;
                    b{
                        background: url("../../../images/pc/icon/icon-index-time-1.png") no-repeat;
                        width: 20px;
                        height: 20px;
                        display: inline-block;
                        float: left;
                        margin-right: 8px;
                    }
                    position: absolute;
                    top:0;
                    left: 0;
                }
                .zcbl-require-info{
                    width: 100%;
                    padding: 0 12px;
                    position: absolute;
                    bottom: -112px;
                    left: 0;
                    background: rgba(0,0,0,0.5);
                    transition:bottom 0.8s;
                    -moz-transition:bottom 0.8s; /* Firefox 4 */
                    -webkit-transition:bottom 0.8s; /* Safari and Chrome */
                    -o-transition:bottom 0.8s; /* Opera */
                    p{
                        margin: 0;
                    }
                    .zcbl-require-name{
                        margin-top: 14px;
                        font-size: 14px;
                        height: 22px;
                        overflow: hidden;
                        white-space: nowrap;
                        text-overflow: ellipsis;
                        color: $color-ffffff;
                        a{
                            color: $color-ffffff;
                            &:hover{
                                @extend .extend-aline;
                            }
                        }
                    }
                    .zcbl-require-tag{
                        margin-top: 8px;
                        margin-bottom: 14px;
                        font-size: 14px;
                        height: 20px;
                        overflow: hidden;
                        color: $color-ffffff;
                        white-space: nowrap;
                        text-overflow: ellipsis;
                        a{
                            color: $color-ffffff;
                            &:hover{
                                @extend .extend-aline;
                            }
                        }
                    }
                    .zcbl-require-people{
                        b{
                            display: inline-block;
                            float: left;
                            background: url("../../../images/pc/icon/icon-index-people-1.png") no-repeat;
                            width: 10px;
                            height: 15px;
                            margin-right: 13px;
                            margin-top: 2px;
                        }
                        color: $color-acacac;
                        height: 20px;
                        line-height: 20px;
                        margin-bottom: 14px;
                        font-size: 14px;
                    }
                }
            }
        }
    }

    .zcbl-service{
        ul{
            margin-left: -40px;
            li{
                width: 170px;
                height: 200px;
                background: $color-ffffff;
                float: left;
                margin-left: 38px;
                margin-bottom: 20px;
                position: relative;
                &:hover{
                    @extend .exten-box-shadow;
                    .zcbl-service-info{
                        filter:alpha(opacity=1);
                        -moz-opacity:1;
                        -khtml-opacity: 1;
                        opacity: 1;
                        opacity: 1;
                    }
                }
                .zcbl-service-info{
                    position: absolute;
                    top:0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    background: rgba(0,0,0,0.5);
                    filter:alpha(opacity=0.5);
                    -moz-opacity:0;
                    -khtml-opacity: 0;
                    opacity: 0;
                    transition:opacity 0.8s;
                    -moz-transition:opacity 0.8s; /* Firefox 4 */
                    -webkit-transition:opacity 0.8s; /* Safari and Chrome */
                    -o-transition:opacity 0.8s; /* Opera */
                    .zcbl-service-name{
                        height: 108px;
                        position: relative;
                        font-size: 14px;
                        p{
                            width: 100%;
                            position: absolute;
                            left: 0;
                            bottom: 16px;
                            text-align: center;
                            padding: 0 16px;
                            margin-bottom: 0;
                            a{
                                color: $color-ffffff;
                            }
                        }
                    }
                    .zcbl-service-line{
                        width: 90px;
                        height: 1px;
                        border-bottom: 1px solid $color-ffffff;
                        margin: 0 auto;
                    }
                    .zcbl-service-time{
                        padding: 16px 16px 0 16px;
                        font-size: 14px;
                        p{
                            color: $color-ffffff;
                            text-align: center;
                            margin-bottom: 0;
                        }
                    }
                }
            }
        }
    }

    .tribe-list-box{
        padding: 0;
        margin-bottom:32px;
        .tribe-list{
            width: 1010px;
        }
        .tribe-list-li{
            width: 326px;
            margin-right: 10px;
            margin-top: 0;
        }
    }
}

.zcbl-abouUs{
    width: 100%;
    height: 253px;
    margin-top: 20px;
    background: $color-d6d6d6;
    min-width: 1000px;

    .zcbl-abouUs-box{
        width: 1000px;
        margin: 0 auto;
    }
    .zcbl-abouUs-l{
        float: left;
        width: 499px;
    }
    .zcbl-abouUs-line{
        width: 2px;
        float: left;
        margin-top: 20px;
        height: 190px;
        border-right: 1px solid $color-8f8f8e;
    }
    .zcbl-abouUs-r{
        width: 499px;
        float: left;
        padding-left: 85px;
        .zcbl-about-wall{
            .zcbl-about-con{
                .zcbl-about-conL{
                    margin-right: 12px;
                    text-align: center;
                }
                .zcbl-about-conR{
                    width: 133px;
                    margin-top: 25px;
                }
                .zcbl-about-conR-2{
                    width: 128px;
                    height: 128px;
                    margin-left: 11px;
                    float: left;
                    margin-top: 7px;
                    text-align: center;

                }
            }
        }
    }
    .zcbl-about-wall{
        width: 500px;
        padding-top: 6px;
        .zcbl-about-tit{
            h1{
                font-size: 18px;
                height: 50px;
                font-weight: bold;
                line-height: 50px;
                overflow: hidden;
                color: #2c2c2c;
                font-family: "Microsoft YaHei";
            }
        }
        .zcbl-about-con{
            .zcbl-about-conL{
                margin-top: 7px;
                width: 128px;
                height: 128px;
                float: left;
                background: $color-ffffff;
                margin-right: 25px;
            }
            .zcbl-about-conR{
                float: left;
                width: 337px;
                margin-top: 20px;
                h2{
                    font-size: 16px;
                    height: 35px;
                    line-height: 35px;
                    margin-bottom: 5px;
                    a{
                        color: $color-02;
                        &:hover{
                            @extend .extend-aline;
                        }
                    }
                }
                p{
                    height: 30px;
                    font-size: 14px;
                    line-height: 30px;
                }
            }
        }
    }
}
